{extend name="mobile/common/base" /}
<title>{$data.title} - mintHouz</title>
{block name="seo"}
<title>{$BaseSetting.title} - mintHouz</title>
<meta name="description" content="{$BaseSetting.description}">
<meta name="keywords" content="{$BaseSetting.keywords}">
{/block}
{block name="style"}
<link rel="stylesheet" href="{{frontend}}/mobile/css/page/Product-list.css">
{/block}

{block name="body"}
<div class="g-path">
    <div class="common-width">
        <ul>
            {volist name="parent_path" id="lo"}
            {if condition="$lo.is_parent==1"}
            <li class="path-item"><a href="/{$code}/product/dataByCategory/category_id/{$lo.id}">{$lo.name}</a></li>
            {else}
            <li class="path-item"><a href="/{$code}/product/dataByCategory/category_id/{$lo.id}">{$lo.name}</a></li>
            {/if}
            {/volist}
        </ul>
    </div>
</div>


<div class="category-select">
    <ul class="category-select-box ">
        {volist name="cateDate" id="vo"}
        <li class="category-select-item">
            <a href="/{$code}/product/dataByCategory/category_id/{$vo.id}'">
                <span>{$vo.name}</span>
            </a>
        </li>
        {/volist}
    </ul>
</div>

<div class="product-container">
    <div class="product-box">
        {volist name="data" id="mo"}
        <div class="product-item">
            <a href="/{$code}/product/{$mo.url_title}/detail.html" title="{$mo.title}">
                <img src="{$mo.thumbnail}" alt="">
                <p>{$mo.title}</p>
            </a>
        </div>
        {/volist}
    </div>
</div>
{/block}

<!--私有业务开始-->
{block name="javascript"}
<script>
    $(function () {
        $('.product-container .product-list .title h3').click(function () {
            $(this).parent('.title').siblings('.list-box').stop(true, false).slideToggle();
            $(this).find('.iconfont').toggleClass("iconarrow-down").toggleClass("iconarrow-up");
        })
    })
</script>
{/block}
<!--私有业务结束-->
